<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css"> <!-- Del validador de formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/tipsy.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<img src="<%= contextRoot %>/images/logos.png" />
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario -->
<div id="buscador">
<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de SolicitudPermiso: <h:outputText value="#{empty solicitudPermisoController.solicitudPermiso.id ? 'NUEVO' : 'EDICION'}" /></h2>
<h:form id="updateSolicitudPermisoForm">
<h:inputHidden id="id" value="#{solicitudPermisoController.solicitudPermiso.id}" />
										
						<div id="titulo"><h2>Asignar permiso:</h2>
							<h:selectOneMenu id="opcion" styleClass="validate[required]" value="#{solicitudPermisoController.solicitudPermiso.contravencion}" onclick="if(this.value=='N'){habilitarPermiso();}else if(this.value=='S'){habilitarContravencion();};" style="width: 250px; height:30px;">
                                <f:selectItem id="opcion_sincontravencion" itemLabel="Sin Contravenci#{msg.tilde_o}n" itemValue="N"/>
						  		<f:selectItem id="opcion_contravencion" itemLabel="Con Contravenci#{msg.tilde_o}n" itemValue="S" />
                            </h:selectOneMenu>				
						</div>
						
						<div class="clear"></div> <br/>
						
						<span class="left">
						<label>N<h:outputText value="#{msg.tilde_u}" />mero permiso <span class="asterisco">*</span></label>
								<h:inputText id="numeroPermiso" size="9" maxlength="9" styleClass="validate[required,custom[onlyLetterNumber]]"
										value="#{solicitudPermisoController.solicitudPermiso.numeroPermiso}" />
						</span>
						
						<div class="clear"></div> <br/>
							
				<div id="fechasPermiso" style="display:block;">
						<!-- criterios de busqueda 1 init() -->
						<span class="espacio-adicional left" style="margin-left: 0px;">
						<label>Fecha inicio </label>
							<h:inputText id="fechaInicio" styleClass="validate[dateRange[grp1],custom[date]] fechaInicio" size="10" maxlength="10"
									value="#{solicitudPermisoController.solicitudPermiso.fechaInicio}" >
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>
						</span>
						
						<span class="espacio-adicional left" style="margin-left: 40px;">
						<label>Fecha fin </label>
							<h:inputText id="fechaFin" styleClass="validate[dateRange[grp1],custom[date]] fechaFin" size="10" maxlength="10"
									value="#{solicitudPermisoController.solicitudPermiso.fechaFin}" >
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>
						</span>
						<!-- criterios de busqueda 1 end() -->
					</div>
					
					<div id="tipo_contravencion" style="display:none;">
						<!-- criterios de busqueda 2 init() -->
						<span class="left">
						<label>Tipo contravenci<h:outputText value="#{msg.tilde_o}" />n </label>
								<h:selectOneMenu id="idContravencion" value="#{solicitudPermisoController.solicitudPermiso.idContravencionStr}">
	                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
	                                <f:selectItems value="#{masterListCache.infringementList}"/>
	                            </h:selectOneMenu>
						</span>
						
						<!-- criterios de busqueda 2 end() -->			
					</div>
					
					<div class="clear"></div> <br/>
					
					<span class="left" style="margin-left:0px">
						<label>Estado <span class="asterisco">*</span></label>
							<h:selectOneMenu id="estado" styleClass="validate[required]" value="#{solicitudPermisoController.solicitudPermiso.estado}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Asignado" itemValue="ASIGNADO"/>
                                <f:selectItem itemLabel="En Proceso" itemValue="EN_PROCESO"/>
                                <f:selectItem itemLabel="Rechazado" itemValue="RECHAZADO"/>
                                <f:selectItem itemLabel="Finalizado" itemValue="FINALIZADO"/>
                            </h:selectOneMenu>
						</span>
				
		
		<div class="clear"></div><br/>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="left">
		<h:commandButton id="updateSolicitudPermisoButton"
						 styleClass="botonsmall"
		                 type="submit" 
		                 value="Guardar" 
		                 ondblclick="return false;" 
		                 action="#{solicitudPermisoController.manage}" >
		</h:commandButton>
		</span>
</h:form>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
	<div>
		    <h:form id="cancelSolicitudPermisoForm">
			<h:commandButton id="cancelCreateSolicitudPermisoButton"
							 styleClass="botonsmall" 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{solicitudPermisoController.cancelSolicitudPermiso}" >
            </h:commandButton>
            </h:form>
			<br/>
	<!-- tabla --> 
	<div class="clear" style="width: 400px; margin-left: 0px;"></div>
	<br/>
	<span class="botones left" style="width: 223px; height: 15px; margin-left:25px; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; background-color: #006F73; color: white;">
	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a
	</span>
	<div class="clear" style="margin-left: 400px;"></div>
	<div>
		<span class="left" >
		<span class="left" style="width: 110px; height: 15px; margin-left:25px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</span>
		<span class="left" style="width: 110px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</span>
		<span class="left" style="width: 170px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</span>
		<span class="left" style="width: 170px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</span>
		</span>
		<span class="left" >
		<span class="left" style="width: 110px; height: 15px; margin-left:25px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudPermisoController.solicitudPermiso.usuarioCrea}" /></span>
		<span class="left" style="width: 110px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudPermisoController.solicitudPermiso.fechaCrea}" /></span>
		<span class="left" style="width: 170px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudPermisoController.solicitudPermiso.usuarioModifica}" /></span>
		<span class="left" style="width: 170px; height: 15px; margin-left:0px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudPermisoController.solicitudPermiso.fechaModifica}" /></span>
		</span>
	</div>
	</div>
<div class="clear" style="margin-left: 400px;"></div>	
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
    <script src="<%=contextRoot%>/js/jquery/lib/jquery.tipsy.js" type="text/javascript"></script> <!-- Tooltip -->
	<script type="text/javascript">
		<!--
        jQ(document).ready(function() {
        	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
        	jQ("#updateSolicitudPermisoForm").validationEngine('attach');
        	jQ("#updateSolicitudPermisoForm").bind("jqv.form.result", 
            	function(event, errorFound) {
        			if(!errorFound){ 
            			displayLoadingImage();
        			}
        		});
        	});
			jQ(".fechaInicio").mask("99/99/9999");
			jQ(".fechaFin").mask("99/99/9999");
        	jQ('#accesos li a').tipsy({gravity: 'n'});
        	
        	
        	function mostrar_ocultar(dcodigo,show) {
            	document.getElementById(dcodigo).style.display = show;
            }

            function cleanDivInputValues(divInterno,opcion) {
            	divID = document.getElementById(divInterno);
            	tags_input = divID.getElementsByTagName('input');
            	for (var i = 0; i < tags_input.length; i++){ 
            		tags_input[i].value="";
            	}
            	tags_select = divID.getElementsByTagName('select');
            	for (var i = 0; i < tags_select.length; i++){ 
            		tags_select[i].selectedIndex=0;
            	}
            }

            function habilitarContravencion(){
                //Solo aplica como programacion para el lado del cliente
    	    	mostrar_ocultar('fechasPermiso','none');
    	    	mostrar_ocultar('tipo_contravencion','block');
    	    	cleanDivInputValues('fechasPermiso');
    	    	cleanDivInputValues('tipo_contravencion');
    	    }
    	    
    	    function habilitarPermiso(){
                //Solo aplica como programacion para el lado del cliente
     	    	mostrar_ocultar('tipo_contravencion','none'); 
    	    	mostrar_ocultar('fechasPermiso','block');
    	    	cleanDivInputValues('fechasPermiso');
    	    	cleanDivInputValues('tipo_contravencion');
    	    }
        //-->
    </script>
</body>
</html>
</f:view>
